<!DOCTYPE HTML>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Canvas For All</title>

<link rel="stylesheet" type="text/css"	href="styles/jquery.mobile-1.3.2.css" />
<link rel="stylesheet" type="text/css"	href="styles/jqm-icon-pack-2.0-original.css" />
	<!--  CSS for app -->
<link rel="stylesheet" type="text/css" href="styles/app.css" />
<!--  CSS for canvas page -->
<link rel="stylesheet" type="text/css" href="styles/canvas.css" />
<script type="text/javascript">	
</script>
</head>

<body>
	<div id="home" data-role="page">
		<!-- Header da aplicação -->
		<div data-role="header" id="appHeader" data-position="fixed">
            <h1 class="main-logo"></h1>
		</div>
		<!-- /header -->
		<!--  Conteúdo da página principal -->
		<div class="main" data-role="content">
			<ul class="projetos">				
				<li>
					<div class="proj-items">
						<a href="#" onclick="newProject()">							
							<div class="overlay">+</div>
							<img src="images/items.png" />
							<div class="title">Novo Projeto</div>
						</a>
					</div>
				</li>							
			</ul>
		</div>
		<!-- /content -->

		<!-- Painel de notificações -->
		<div data-role="panel" id="notifier-panel" data-position="left"
			data-display="overlay">
			<table data-role="table" data-mode="reflow"
				class="ui-responsive table-stroke">
				<thead>
					<tr>
						<th></th>
						<th></th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td><img src="http://placehold.it/50x50" alt="Avatar" /></td>
						<td><a href="#"> <span class="notifier-title">Leidson
									Dias</span>
								<p class="notifier-content">
									Adicionou um post-it ao quadrante <b>Valores Chaves</b> no <b>projeto:</b><i>Canvas
										for All</i>
								</p> <span class="notifier-date">2 dias atrás</span>
						</a></td>
					</tr>
				</tbody>
			</table>
		</div>
		<!-- /notifier panel -->
		<!-- Painel do Menu -->
		<div data-role="panel" id="menu-panel" data-position="right"
			data-display="overlay">
			<ul data-role="listview" data-inset="true" data-divider-theme="a">
				<li data-role="list-divider">Projetos</li>
				<li><a href="#">Meus</a></li>
				<li><a href="#">Participo</a></li>
				<li data-role="list-divider">Perfil</li>
				<li><a href="#">Ajuda</a></li>
				<li><a href="#">Configurações</a></li>
				<li><a href="#">Sair</a></li>
			</ul>
		</div>
		<!-- /menu panel -->
	</div>

	<!--  Framework scripts -->
	<script type="text/javascript" charset="utf-8" src="scripts/util/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="scripts/util/jquery.mobile-1.3.2.js"></script>
	<script type="text/javascript" charset="utf-8" src="scripts/util/cordova.js"></script>
 	<script type="text/javascript" charset="utf-8" src="scripts/util/jquery-ui.js"></script>
    <script type="text/javascript" charset="utf-8" src="scripts/util/jquery.ui.touch-punch.js"></script>
    <script type="text/javascript" charset="utf-8" src="scripts/util/jquery.jeditable.js"></script>
    
    <!--  App Scripts -->
    <script type="text/javascript" charset="utf-8" src="scripts/dao/bd_mobile.js"></script>
 	<script type="text/javascript" charset="utf-8" src="scripts/model/home.js"></script> 
	<script type="text/javascript" charset="utf-8" src="scripts/model/canvas.js"></script>
	<script type="text/javascript" charset="utf-8" src="javascript/plugins/softkeyboard.js"></script> 	
</body>
</html>